<template>
    <div>
        <div class="smallbox">
            <Topic></Topic>
            <Serve></Serve>
            <Serve></Serve>
            <Serve></Serve>
            <Serve></Serve>
            <BottomButton></BottomButton>

        </div>

    </div>
  
</template>

<script>
    import Serve from "./serve.vue"
    import Topic from "./topic.vue"
    import BottomButton from "./Bottom+Button"

export default {
    name:"GoodServe",
    components:{
        Serve,
        Topic,
        BottomButton

    }

}
</script>

<style scoped>
    div{
        text-align: center;
    }
    .smallbox{
        width: 1200px;
        height: auto;
        display: inline-block;
    }

</style>